@extends('layouts.app')

@section('content')
    <div class="bg-base-100 p-6 rounded-2xl m-10 mb-10 mx-auto" style="width: 30rem">
        <form action="/registerLogic" method="post">

            <div class="flex flex-row w-100 justify-center items-center mb-10">
                <img src="/assets/images/book.png" style="width: 50px" alt="">
                <h1 class="text-2xl">极客图书</h1>
            </div>



            @csrf

            <label class="input input-bordered  flex items-center gap-2 mb-6">
                用户名
                <input type="text" class="grow" placeholder="" required name="name"  value="{{ old('name') }}"/>
            </label>

            <label class="input input-bordered  flex items-center gap-2 mb-6">
                昵称
                <input type="text" class="grow" placeholder="" required name="nickname"  value="{{ old('nickname') }}"/>
            </label>

            <label class="input input-bordered flex items-center gap-2 mb-6">
                密码
                <input type="password" class="grow" placeholder="" required name="password"   value="{{ old('password') }}"/>
            </label>


            <label class="input input-bordered flex items-center gap-2 mb-6">
                确认密码
                <input type="password" class="grow" placeholder="" required name="password_confirmation"   value="{{ old('password_confirmation') }}"/>
            </label>

            <label class="input input-bordered flex items-center gap-2 mb-6">
                用户身份
                <label class="label cursor-pointer">
                    <input type="radio" name="is_manage" class="radio checked:bg-red-500" value="1" checked />
                    <span class="label-text  mr-6">普通用户</span>

                </label>
                <label class="label cursor-pointer">
                    <input type="radio" name="is_manage" class="radio checked:bg-red-500"  value="2" />
                    <span class="label-text mr-6">借阅审核员</span>

                </label>
            </label>

            <label class="cursor-pointer label w-20">
                <input type="checkbox" checked="checked" class="checkbox"/>
                <span class="label-text">记住我</span>
            </label>

            <button class="btn btn-primary w-full mt-10">注册</button>


        </form>
    </div>

@endsection
